<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的</title>
</head>

<body class="df fdcolumn bgccc">
    <!-- 主要内容 -->
    <main class="flex overflow">
        <!-- <div>
            <span class="demo_badge_title"><</span>
            <span class="weui-cell__ft" style="text-align: center;">个人资料</span>
        </div> -->
        <header>
            <span class="iconfont icon-leftarrow" id="backBtn"></span>
            <span class="flex">个人资料</span>
        </header>
        <div class="weui-cells mt0 demo_badge_cells">
            <!-- 头像部分 -->
            <div class="weui-cell weui-cell_active weui-cell_access">
                <div class="weui-cell__bd">
                    <span>更换头像</span>
                </div>
                <label for="">
                    <div class="weui-cell__hd">
                        <img src="../../assets/imgs/cat.jpg" class="headPic" alt="" id="headPicVal">
                        <input type="file" id="upLoadPic">
                    </div>
                </label>
                <span class="weui-cell__ft"></span>
            </div>

            <label for="js_input1" class="weui-cell weui-cell_active" id="js_cell">
                <div class="weui-cell__hd"><span class="weui-label">昵称</span></div>
                <div class="weui-cell__bd weui-flex">
                    <input id="idName" class="weui-input" type="text" pattern="[0-9]*" placeholder="请输入昵称"
                        maxlength="16" />
                </div>
            </label>
        </div>
        <div class="weui-cells demo_badge_cells">
            <div class="weui-cell weui-cell_active weui-cell_access" id="sex">
                <span class="weui-cell__bd">
                    <span class="demo_badge_title">性别</span>
                </span>
                <span class="weui-cell__ft" id="sexVal"></span>
            </div>
        </div>
        <div class="weui-cells demo_badge_cells">
            <div class="weui-cell weui-cell_active weui-cell_access" id="birthday">
                <span class="weui-cell__bd">
                    <span class="demo_badge_title">生日</span>
                </span>
                <span class="weui-cell__ft" id="birthdayVal"></span>
            </div>
        </div>
        <div class="weui-cells demo_badge_cells">
            <div class="weui-cell weui-cell_active weui-cell_access" id="province">
                <span class="weui-cell__bd">
                    <span class="demo_badge_title">所在省份</span>
                </span>
                <span class="weui-cell__ft" id="provinceVal"></span>
            </div>
        </div>
        <div class="weui-cells demo_badge_cells">
            <div class="weui-cell weui-cell_active weui-cell_access" id="city">
                <span class="weui-cell__bd">
                    <span class="demo_badge_title">所在城市</span>
                </span>
                <span class="weui-cell__ft" id="cityVal"></span>
            </div>
        </div>
        </div>
        <div class="weui-cells demo_badge_cells">
            <div class="weui-cell weui-cell_active weui-cell_access">
                <span class="weui-cell__bd">
                    <span class="demo_badge_title"  id="briefIntro">个人简介</span>
                </span>
                <span class="weui-cell__ft" id="personalC"></span>
            </div>
            <div style="padding-left:5%;">
                <textarea id="info" cols="30" rows="10" placeholder="多行输入" ; maxlength="140"
                    style="width:320px;padding-right: 5%; height: 150px;font-size: 14px; text-indent: 5px;"></textarea>
                <div id="numd"><span id="num">0</span>/140</div>
            </div>
        </div>
        <div class="weui-cells mt0 demo_badge_cells">
            <button id="saveBtn">保存信息</button>
        </div>
    </main>

</body>

</html>